-
Notifications
You must be signed in to change notification settings - Fork 13
fix(Settings): add scroll only menu items, keep title and search fixed #531
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
Preview is ready. |
|
Playwright Test Component is ready. |
|
|
||
| &__menu { | ||
| border-right: 1px solid var(--g-color-line-generic); | ||
| overflow-y: auto; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This will scroll whole block, including search field, isn't it?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes, you're right. This behavior is similar to that of the __page.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I believe only items should have scroll, i think search form and header should remain on the screen
|
Please add a story with more elements in the settings to check the scrolling behavior. |
… overflow scenarios
de3a369 to
05647e2
Compare
|
@DarkGenius Pr can be reviewed |
#531) * fix: add overflow-y property to settings menu for better scrolling behavior * feat: enhance settings layout with overflow handling and add demo for overflow scenarios * test: add visual snapshots and overflow test case for BurgerMenu component * test: update visual snapshots for BurgerMenu component to reflect recent changes * feat: add scrollable region focusable setting and enhance accessibility for settings items * feat: add scrolled state to SettingsMenu for enhanced visual feedback on scroll --------- Co-authored-by: Ilyin Ruslan <[email protected]>
#531) * fix: add overflow-y property to settings menu for better scrolling behavior * feat: enhance settings layout with overflow handling and add demo for overflow scenarios * test: add visual snapshots and overflow test case for BurgerMenu component * test: update visual snapshots for BurgerMenu component to reflect recent changes * feat: add scrollable region focusable setting and enhance accessibility for settings items * feat: add scrolled state to SettingsMenu for enhanced visual feedback on scroll --------- Co-authored-by: Ilyin Ruslan <[email protected]>
Changes
Settings.module.scss: Made__menua flex column container withmin-height: 0to enable inner scrollSettingsMenu.module.scss: Addedoverflow-y: autoto scroll menu items independentlyOverflowstory to test scroll behavior with many menu items and page content